﻿@{
    Layout = null;
    ViewBag.Title = "用户登录";
}

<html lang="en">
<head>
    <meta charset="utf-8">
    <title>统一认证与授权中心 - 用户登录</title>
    <link rel="shortcut icon" href="~/favicon.ico" />
    <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="~/lib/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="~/css/login-soft.css">
</head>
<body class="page-md login">
    <div class="content">
        <div class="logo">
            <h3>统一认证与授权中心</h3>
        </div>
        <h4 class="form-title">请输入您的用户名和密码</h4>
        <div class="form-group">
            @*<label class="control-label visible-ie8 visible-ie9">用户名</label>*@
            <div class="input-icon">
                <i class="fa fa-user"></i>
                <input class="form-control placeholder-no-fix" type="text" placeholder="用户名" id="userName">
            </div>
        </div>
        <div class="form-group">
            @*<label class="control-label visible-ie8 visible-ie9">密码</label>*@
            <div class="input-icon">
                <i class="fa fa-lock"></i>
                <input class="form-control placeholder-no-fix" type="password" placeholder="密码" id="password">
            </div>
        </div>
        <div class="form-actions">
            <label class="checkbox" style="margin-left:20px;">
                <span class="checker"><span><input type="checkbox" id="autoLogin"></span></span> 记住我的登录状态
            </label>
            <button type="submit" class="btn blue pull-right" onclick="onLogin()">
                登 录 <i class="m-icon-swapright m-icon-white"></i>
            </button>
        </div>
        <div class="create-account">
            <p>
                还没有账户?&nbsp; <a href="/Account/Register" id="register-btn">
                    注册新账户
                </a>
            </p>
        </div>
    </div>

    <footer class="border-top footer text-center">
        <div class="container">
            &copy; 2020-@DateTime.Now.Year - www.devonline.cn
        </div>
    </footer>

    <script src="~/lib/jquery/dist/jquery.min.js" asp-append-version="true"></script>
    <script src="~/lib/bootstrap/dist/js/bootstrap.min.js" asp-append-version="true"></script>
    <script src="~/lib/backstretch/jquery.backstretch.min.js" type="text/javascript" asp-append-version="true"></script>
    <script src="~/lib//devonline/js/localCache.js" type="text/javascript" asp-append-version="true"></script>
    <script src="~/js/login.js" asp-append-version="true"></script>
    <script>
        $(function () {
            $.backstretch([ "/img/bg/1.jpg", "/img/bg/2.jpg", "/img/bg/3.jpg" ], { fade: 1000, duration: 3000 });
        });
    </script>
    <span role="status" aria-live="polite" class="select2-hidden-accessible"></span>
    <div class="backstretch" style="left: 0px; top: 0px; overflow: hidden; margin: 0px; padding: 0px; height: 352px; width: 1263px; z-index: -999999; position: fixed;">
        <img src="~/img/bg/1.jpg" style="position: absolute; margin: 0px; padding: 0px; border: none; width: 1263px; height: 947.586px; max-height: none; max-width: none; z-index: -999999; left: 0px; top: -297.793px;">
    </div>
</body>
</html>